﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    if (Session["Clinic"] != null)
    {
        HMS.Web.Helpers.Clinic clinic = new HMS.Web.Helpers.Clinic();
        clinic = (HMS.Web.Helpers.Clinic)Session["Clinic"];
        ViewBag.Title = clinic.Name;
    }
    else
    {
        ViewBag.Title = "AppoinmentIndex";
    }
}

<script type="text/javascript">
    localStorage.setItem("DoctorLocId", "");
</script>
<section class="container appointment-index">

    <div class="page-heading col-lg-12 col-md-12 col-xs-12 clear-padding" style="overflow:hidden">
        <div class="pull-left col-lg-7 col-md-6 col-xs-12"><h1><span>Appointments</span><span id="doctorName"></span></h1></div>
        <div class="pull-right col-lg-5 col-md-6 col-xs-12">
            <div class="col-lg-6 col-md-4 col-xs-12 clear-padding">
                <select id="location" class="form-control" style="color: black;">
                    <option id="" value="">(Select Location)</option>
                </select>
            </div>
            <div class="col-lg-6 col-md-4 col-xs-12 clear-padding">
                <select id="doctors" class="form-control apptIndexDropDown" style="color: black;">
                    <option id="" value="">(Select Doctor)</option>
                </select>
            </div>
            <div class="col-lg-6 col-md-3 pull-right col-xs-12 clear-padding">
                <button id="sendNotification" class="btn btn-primary sendNotificationApptIndex other-header-field col-lg-12">Send Notification</button>
            </div>
            <div class="col-lg-6 col-md-3 col-xs-12 clear-padding other-header-field">
                <input type="checkbox" id="chkSetDayoff" class="other-header-field pull-left" /> &nbsp; Day Off
                </div>

            @*<div class="follow-up pull-left  col-lg-3 col-md-3 col-xs-3">
                <div class="input-group input-group-sm">
                    <input type="checkbox" id="chkSetDayoff" data-label-text="Day Off" data-on-text="Yes" data-off-text="No" checked class="form-control" />
                </div>
            </div>*@

        </div>
    </div>
    <div class="responsive-calendar col-lg-12 col-md-12 col-xs-12 clear-padding" style="display:none;">
        <hr />
        <div class="controls" style="overflow: auto;">
            <a class="pull-left" data-go="prev">
                <div class="btn btn-primary">Prev</div>
            </a>
            <h4><span data-head-year></span>&nbsp;<span data-head-month></span></h4>
            <a class="pull-right" data-go="next">
                <div class="btn btn-primary">Next</div>
            </a>
        </div>
        <hr />
        <div class="day-headers">
            <div class="day header">Mon</div>
            <div class="day header">Tue</div>
            <div class="day header">Wed</div>
            <div class="day header">Thu</div>
            <div class="day header">Fri</div>
            <div class="day header">Sat</div>
            <div class="day header">Sun</div>
        </div>
        <div class="days" data-group="days"></div>
    </div>
</section>


<!--
<script src="js/responsive-calendar.js" type="text/javascript"></script>
<script src="js/appt_index.js" type="text/javascript"></script>-->
<script type="text/javascript" src="~/Scripts/responsive-calendar.js"></script>
<script type="text/javascript" src="~/Scripts/appt_Index.js"></script>
@*<script src="~/Scripts/bootstrap-switch.min.js" type="text/javascript"></script>
<link href="~/Content/bootstrap-switch.min.css" rel="stylesheet">*@